<template>
   <aside class="right-nav">
      <div class="nav-content">
         <ul>
            <li v-for="(item) of list" :key="item.id">
               <router-link :to="item.path">
                  {{item.name}}
               </router-link>
            </li>
         </ul>
      </div>
   </aside>
</template>

<script>
   export default {
      name: 'rightNav',
      data() {
         return {
            list: [
               {
                  path: '/iphomes',
                  name: '手机',
                  id: 1
               },
               {
                  path: '/intelligentdevices',
                  name: '智能设备',
                  id: 2
               },
               {
                  path: '',
                  name: '智能穿戴',
                  id: 3
               },
               {
                  path: '/gamedevices',
                  name: '游戏设备',
                  id: 4
               },
               {
                  path: '/electronics',
                  name: '数码影音',
                  id: 5
               },
               {
                  path: '/poweraccessories',
                  name: '手机配件/移动电源',
                  id: 6
               },
               {
                  path: '/mobilestorages',
                  name: '移动存储/办公设备',
                  id: 7
               },
               {
                  path: '/circums',
                  name: '生活周边',
                  id: 8
               }
            ]
         }
      }
   }
</script>

<style scoped lang="stylus">
   @import "../../assets/stylus/common.styl"
   .right-nav
      width 303px
      height 500px
      position absolute
      left 0
      top 0
      z-index 9
      .nav-content
         box-sizing border-box
         padding-left 38px
         padding-top 5px
         background rgba(0,0,0,0.6)
         widthHeightBFB()
         ul li a
            height 57px
            display block
            color #fff
            line-height 57px
            &:hover
               color aqua
</style>
